<html>
    <head>
    
    	<script>
			function showObjeto(str){
				if(str==""){
					document.getElementById("txtHint").innerHTML = "";
					return;	
				}
				if(window.XMLHttpRequest){
					//code for IE7+, Firefox, Chrome, Opera and Safari
					xmlhttp = new XMLHttpRequest();	
				} else {
					//code for IE6 and IE5
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
				xmlhttp.onreadystatechange = function(){
					if(xmlhttp.readyState==4 && xmlhttp.status==200){
						document.getElementById("txtHint").innerHTML = xmlhttp.responseText;	
					}
					//alert(xmlhttp.responseText);
				}
				xmlhttp.open("GET", "http://localhost:8888/clicacao/editor/ajax/getObject.php?id=" + str, true);
				xmlhttp.send();
			}
		</script>
    </head>
   	<body>
    	<form>
        	<select name="id" onChange="showObjeto(this.value)">
            	<option value="">Selecione um ID</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>
        </form>
        <br />
        <div id="txtHint"><b>O Objeto sera exibido aqui</b></div>
    </body>


</html>